<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单击事件</title>
</head>
<body>
    <!--    单击事件的两种方式
    1. 在标签上直接onclick="方法名()"
    2. id对象.onclick=方法名
    注意：()是否书写和是否是等号！
    -->
    <h1 id="name">这是路飞</h1>
    <img id="lufei" src="../img/lufei.jpg" onclick="f1()">
</body>
</html>
<script>
    //将图片更换为索隆的图片
    function f1() {
        let elementById = document.getElementById("lufei");
        elementById.src="../img/suolong.jpg";
        alert("被执行");
    }
    //将标签中的名字进行更换
    function f2(){
        let elementById1 = document.getElementById("name");
        elementById1.innerHTML="这是索隆";
    }
    let elementById = document.getElementById("name");
    elementById.onclick=f2;
</script>